<template>
<div class="box" style="width:100%">
<el-checkbox  v-bind="book.isSelected" @change="book.isSelected =!book.isSelected" style="margin-top:1rem;"></el-checkbox>
<el-form ref="form" :model="book" label-width="100px" style="width:100%">
  <el-form-item label="作品编号">
    <el-col :span="4">
      <el-input placeholder="作品编号" v-model="book.code" @change="book.isSet=false"></el-input>
    </el-col>
    <el-col class="line" :span="2"><span style="padding-left:1rem">作者</span></el-col>
    <el-col :span="4">
      <el-input placeholder="作者" v-model="book.name" @change="book.isSet=false"></el-input>
    </el-col>
    <el-col class="line" :span="2"><span style="padding-left:1rem">作品名称</span></el-col>
    <el-col :span="11">
      <el-input placeholder="作品名称" v-model="book.book_name" @change="book.isSet=false"></el-input>
    </el-col>
  </el-form-item>
  <el-form-item label="作品描述">
    <el-col :span="11">
      <el-input placeholder="作品描述" v-model="book.des" @change="book.isSet=false"></el-input>
    </el-col>
    <el-col class="line" :span="2"><span style="padding-left:1rem">发布时间</span></el-col>
    <el-col :span="4">
      <el-input placeholder="发布时间" v-model="book.time" @change="book.isSet=false"></el-input>
    </el-col>
    <el-col class="line" :span="2" ><span style="padding-left:1rem">作品类型</span></el-col>
    <el-col :span="4">
      <el-input placeholder="作品类型" v-model="book.type" @change="book.isSet=false"></el-input>
    </el-col>
  </el-form-item>
    <el-form-item label="评论">
    <el-col :span="11">
      <el-input placeholder="评论" v-model="book.remark" @change="book.isSet=false"></el-input>
    </el-col>
    <el-col class="line" :span="2"><span style="padding-left:1rem">浏览量</span></el-col>
    <el-col :span="4">
      <el-input placeholder="浏览量" v-model="book.views" @change="book.isSet=false"></el-input>
    </el-col>
    <el-col class="line" :span="2"><span style="padding-left:1rem">点赞量</span></el-col>
    <el-col :span="4">
      <el-input placeholder="点赞量" v-model="book.like" @change="book.isSet=false"></el-input>
    </el-col>
    </el-form-item>
      <el-form-item label="模型信息">
      <el-col :span="11">
        <el-input placeholder="模型信息" v-model="book.model" @change="book.isSet=false"></el-input>
      </el-col>
    </el-form-item>
    <el-divider></el-divider>
</el-form>
</div>

</template>
<script>
  export default {
    props: ['book'],
    methods: {
      onSubmit () {
        console.log('submit!')
      }
    }
  }
</script>
<style scoped>
.box{
    display: flex;
    align-items:flex-start;
}
</style>
